{# 载入静态文件 #}
{% load staticfiles %}

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- 网站采用的字符编码 -->
    <meta charset="UTF-8">
    <!-- 预留网站标题的位置 -->
    <title>
        {% block title %}{% endblock %}
    </title>
    <!-- 引入bootstrap的css文件 -->
    <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.min.css' %}">
    <!-- 引入monikai.css文件，支持代码高亮-->
    <link rel="stylesheet" href="{% static 'my_css/monokai.css' %}">
    <link rel="stylesheet"
          href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
          integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"
          crossorigin="anonymous">
</head>
<body>
<!-- 引入导航栏 -->
{% include 'header.html' %} {# 表明这里需要加入header.html的内容 #}
<!-- 预留具体页面的位置 -->
<div id="wrapper">
    {% block content %}
        {# 表明这里应该加入list.html中的对应块的内容 #}
    {% endblock %}
    <div id="push"></div>
</div>
<!-- 引入注脚 -->
{% include 'footer.html' %} {# 加入footer.html的内容 #}

<style>
    html, body {
        height: 100%;
        margin: 0;
    }

    #wrapper {
        min-height: 100%;
        margin-bottom: -60px;
    }

    #footer,
    #push {
        height: 60px;
    }
</style>
a
<!-- bootstrap.js 依赖 jquery.js 和popper.js，因此在这里引入 -->
<script src="{% static 'jquery/jquery-3.3.1.js' %}"></script>
{% include 'back_to_top_func.html' %}
{% block script %}{% endblock script %}
<script src="{% static 'popper/popper-1.14.4.js' %}"></script>
<!-- 引入bootstrap的js文件: jquery.js 和 popper.js 要在 bootstrap.js 前引入-->
<script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
<!-- 引入layer.js -->
<script src="{% static 'layer/layer.js' %}"></script>
</body>
</html>